<template>
  <div class="header">
    <span class="iconfont icon-fangdajingsuosou--xian"></span>
    <span class="yuanshen">原神</span>
    <span class="iconfont icon-caidan"></span>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .header{
    width: 100%;
    height: .55rem;
    background-color: rgba(248,248,248,0.3);
    font-size: .2rem;
    padding: 0 .15rem;
  }
  span{
    line-height: .55rem;
    margin-right: .36rem;
    color: white;
  }
  .icon-fangdajingsuosou--xian,.yuanshen,.icon-caidan{
    font-size: .2rem;
  }
  .yuanshen{
    color: white;
    font-weight: 700;
  }
  .icon-caidan{
    float: right;
    margin-right: .15rem;
  }
</style>